<template>
	<!-- scroll-wrapper -->
	<div class="scroll-wrapper" ref="wrapper">
		<div class="scroll-content">
			<current-city></current-city>
			<city-list></city-list>
		</div>
	</div>
</template>

<script>
//BetterScroll重点解决移动端（已支持 PC）各种滚动场景需求的插件
/**  BetterScroll初始化的时候必须传入一个节点，在该程序中传入的节点为
<div class="scroll-wrapper" ref="wrapper">*/
// <div class="scroll-content">这里面才是滚动区域的内容</div >
import BetterScroll from 'better-scroll';
import CityList from './CityList/Index';
import CurrentCity from './CityList/CurrentCity';

export default {
	name: 'CityScrollWrapper',
	components: {
		CurrentCity,
		CityList
	},
	mounted() {
		// 在组件挂载完毕时，BetterScroll才初始化
		this.scroll = new BetterScroll(this.$refs.wrapper);
	}
}
</script>

<style>

</style>
